<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" xmlns:th="http://www.thymeleaf.org">
    <title>首页</title>
    <!-- 引入 Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>

<style>
    a{
        color: #ffffff;
    }
    h1{
        /*文字对齐*/
        text-align: center;
    }
    .search_form {
        width: 602px;
        height: 42px;
    }

    /*左边输入框设置样式*/
    .input_text {
        width: 200px;
        height: 30px;
        border: 1px solid green;
        /*清除掉默认的padding*/
        padding: 0px;
        /*提示字首行缩进*/
        text-indent: 10px;
        /*去掉蓝色高亮框*/
        outline: none;
        /*用浮动解决内联元素错位及小间距的问题*/
        float: left;
    }

    .input_sub {
        width: 70px;
        height: 30px;
        background: green;
        /*去掉submit按钮默认边框*/
        border: 0px;
        float: left;
        color: white; /*搜索的字体颜色为白色*/
        cursor: pointer; /*鼠标变为小手*/
    }
</style>

<body>
<h1>高校学籍管理系统</h1>

<form class="search_form" th:action="@{/student/findUserById}" method="post">
    <input type="text" class="input_text" placeholder="请输入id搜索" name="id">
    <input type="submit" value="搜索" class="input_sub">
</form>

<!--table-striped:斑马线格式，table-bordered：带边框的表格，table-hover：鼠标悬停高亮的表格-->
<table class="table table-striped table-bordered table-hover text-center">
    <thead>
    <tr style="text-align:center">
        <!--        th标签定义html表格中的表头单元格-->
        <th>学号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>所属班级</th>
        <th>所学专业</th>
        <th>所属院系</th>
        <th>民族</th>
        <th>年龄</th>
        <th>出生日期</th>
        <th>家庭住址</th>
        <th>入学日期</th>
        <th>操作</th>
    </tr>
    </thead>
    <!--tr标签定义html表格中的所有行-->
    <!--    遍历集合，如果被遍历的变量student为null或者不存在，则不会进行遍历，也不会报错-->
    <tr th:each="student:${list}">
        <!--        td标签定义html表格中的标准单元格-->
        <td th:text="${student.id}"></td>
        <td th:text="${student.sname}"></td>
        <td th:text="${student.sex}"></td>
        <td th:text="${student.Cid}"></td>
        <td th:text="${student.Mid}"></td>
        <td th:text="${student.Did}"></td>
        <td th:text="${student.nation}"></td>
        <td th:text="${student.age}"></td>
        <td th:text="${student.birthday}"></td>
        <td th:text="${student.location}"></td>
        <td th:text="${student.enroll}"></td>
        <td>
            <!--         a标签用来定义超链接 href表示超链接-->
            <a class="btn btn-primary" th:href="@{sendid(id=${student.id})}">更改</a>
            <a class="btn btn-danger" th:href="@{deleteStudent(id=${student.id})}">删除</a>
        </td>
    </tr>
</table>
<button class="btn btn-block"><a href="/student/addStudent">添加用户</a></button>

</body>
</html>